<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$site_name}</title>
		<link href='__STATIC__/favicon.ico' rel='shortcut icon'>
		<meta name="keywords" content="{$site_seo_keywords}" />
		<meta name="description" content="{$site_seo_description}"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <include file="Public:css" />
    <!--[if IE 9]>
	<style>
		.slider-wrapper .slider .slide p{height:auto !important;}
        .top-header .top-header-menu > ul.menu > li.dropdown > a::after{display:none;}
	</style>
	<![endif]-->
</head>
<body>
	<div class="wrapper">
		<include file="Public:header" />
		<div class="slider-wrapper section">
			<div class="responisve-container">
				<div class="slider">
					<div class="fs_loader"></div>

					<div class="slide slide-light">
						<img src="__TMPL__/Public/images/carousel/carousel-img-3.png"  alt="" height="440" data-position="0,-460" data-in="bottom" data-delay="200" data-out="top">
						<img src="__TMPL__/Public/images/prv/human-img-3.png"  alt="" data-position="20, 500" data-in="bottom" data-delay="400" data-out="bottom">

						<p class="claim bg-2" data-position="70,0" data-in="top" data-step="1" data-out="bottom" data-time="1000" data-delay="100">
							体验新的ThinkCMF和BootStrap
						</p>
						<p class="claim dark" data-position="120,0" data-in="top" data-step="1" data-out="bottom" data-time="3500" data-delay="250">
							ThinkCMF_V1.0.4新体验
						</p>		

						<p class="teaser dark small" data-position="180,0" data-in="left" data-step="2" data-time="1500" data-delay="100">
							兼容SAE云平台
						</p>		
						<p class="teaser dark small" data-position="180,0" data-in="left" data-step="2" data-special="cycle" data-time="3100" data-delay="1600">
							自带会员中心
						</p>
						<p class="teaser dark small" data-position="180,0" data-in="left" data-step="2" data-special="cycle" data-time="5000" data-delay="3000">
							更强大的前端菜单
						</p>	
						<p class="teaser dark small" data-position="180,0" data-in="left" data-step="2" data-special="cycle" data-time="7000" data-delay="5000">
							BootStrap3.0前端布局
						</p>
						<p class="teaser dark small" data-position="180,0" data-in="left" data-step="2" data-special="cycle" data-time="9000" data-delay="7500">
							URL路由+伪静态
						</p>
					</div>
					<div class="slide">
						<img src="__TMPL__/Public/images/carousel/carousel-img-2.png"  alt="" height="440" data-position="0,-460" data-in="left" data-delay="200" data-out="right">
						<img src="__TMPL__/Public/images/slider/ipad.png"  alt="" data-step="1" data-position="40, 600" data-in="bottom" data-delay="300" data-out="fade">
						<img src="__TMPL__/Public/images/slider/iphone.png"  alt="" data-step="1" data-position="40,900" data-in="left" data-delay="500" data-out="fade">
						<p class="claim light" data-position="70,0" data-in="top" data-step="2" data-out="top" data-delay="100">
							快速强大的底层核心
						</p>
						<p class="teaser dark small" data-position="130,0" data-in="bottom" data-step="2" data-delay="300">
							全新的web设计理念
						</p>		
						<p class="teaser dark small" data-position="175,0" data-in="bottom" data-step="2" data-delay="600">
							精良的前端设计
						</p>
						<p class="teaser dark small" data-position="225,0" data-in="bottom" data-step="2" data-delay="1100">
							快速的一键式部署
						</p>	
						<p class="teaser dark small" data-position="275,0" data-in="bottom" data-step="2" data-delay="1600">
							兼容各大云平台
						</p>
						<p class="teaser dark small" data-position="325,0" data-in="bottom" data-step="2" data-delay="2100">
							永久开源免费
						</p>
					</div>
					<div class="slide">
						<img src="__TMPL__/Public/images/carousel/carousel-img-7.png"  alt="" height="440" data-position="0,-460" data-in="right" data-delay="100" data-out="left">
						<div class="video" data-position="80,0" data-in="top" data-delay="400" data-out="easeOutBounce">
							<iframe src="http://player.youku.com/embed/XNTM5OTg5MzIw"  height="360"></iframe>
						</div>
						<p class="claim light" data-position="80,550" data-in="top" data-out="top" data-delay="1000">
							产品视频介绍
						</p>
						<p class="teaser no-padding" style="color:#FFF ;" data-position="140,550" data-step="1" data-in="bottom" data-delay="2000">
							计算机学习
						</p>		
						<p class="text small no-padding" style="color:#FFF;" data-position="190,550" data-in="bottom" data-step="1" data-delay="3000">
							兴趣是最好的老师
							<br>
							<a href="#" class="btn btn-one">详细内容</a>
						</p>
					</div>
				</div>
			</div>
		</div>

		<div class="slice bg-2 p-15">
			<div class="cta-wr">
				<div class="container">
					<div class="row">
						<div class="col-md-8">
							<h1>
								<strong>ThinkCMF + Bootstrap</strong> 写最少的代码，享受最酷的WEB体验!
							</h1>
						</div>
						<div class="col-md-4">
							<a class="btn btn-one btn-lg pull-right" title="thinkcmf" href="javascript:void(0)" target="blank">
								<i class="fa fa-bolt"></i> 闪电开始
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<style type="text/css">
			.w-box.white .thmb-img i{
				color:#59b2e5;
			}
		</style>
        <div class="slice bg-5 section">
			<div class="w-section inverse">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-6">
							<div class="w-box white">
								<div class="thmb-img">
									<i class="fa fa-lightbulb-o"></i>
								</div>

								<h2>快速搭建原型</h2>
								<p class="text-center">我们提供了高效的内容管理系统，让你的idea迅速变成产品，ThinkCMF为你助力。 </p>
							</div>
						</div>

						<div class="col-lg-3 col-md-6">
							<div class="w-box white">
								<div class="thmb-img">
									<i class="fa fa-cloud"></i>
								</div>

								<h2>云端一键部署</h2>
								<p class="text-center">ThinkCMF_V1.0.4以后版本均支持SAE一键部署，便捷的安装，云端本地同等的运行环境，前所未有的体验 </p>
							</div>
						</div>

						<div class="col-lg-3 col-md-6">
							<div class="w-box white">
								<div class="thmb-img">
									<i class="fa fa-code"></i>
								</div>

								<h2>优秀的PHP框架</h2>
								<p class="text-center">ThinkCMF延续了ThinkPHP优秀的构架思想，在MVC分层，系统安全性方面表现卓越。 </p>
							</div>
						</div>

						<div class="col-lg-3 col-md-6">
							<div class="w-box white">
								<div class="thmb-img">
									<i class="fa fa-rocket"></i>
								</div>

								<h2>先进前端理念</h2>
								<p class="text-center">我们使用BootStrap进行前端布局，在此过程中我们还致力于改进BootStrap对低版本IE的兼容性。 </p>
							</div>
						</div>

					</div>
				</div>
			</div>    
		</div>

		<include file=":config" />
		<php>
			$post=sp_sql_post($Portal_index['Article']['ThinkCMF'],'field:post_title,post_content,smeta;');
			$pic=json_decode($post['smeta'],true);
			$advantage=sp_sql_posts('cid:'.$Portal_index['Cat']['Advantage'].';field:post_title,post_content,tid;order:listorder asc;limit:3;');
		</php>
		<div class="slice bg-5 section">
			<div class="w-section inverse">
				<div class="container">
					<div class="row">
						<div class="col-md-7">
							<h3 class="section-title"><span>{$post.post_title|default='ThinkCMF'}</span></h3>
							<div class="row">
								<div class="col-md-4">
									<img src="{$pic.thumb|default='__TMPL__/Public/images/prv/col-img-4.jpg'}"  alt="{$post_title}" class="img-responsive img-thumbnail">
								</div>
								<div class="col-md-8">
									{$post.post_content|default='当你在后台添加后内容将自动被替换！'}
								</div>
							</div>
							<blockquote class="blockquote-1">
								<p>ThinkCMF力求成为国内最优秀的开源内容管理框架，长期以来ThinkCMF官方团队一直致力于核心维护，虽在应用丰富性上尚且有些欠缺但已获得相当一部分的忠实用户。</p>
								<small>ThinkCMF</small>
							</blockquote>
						</div>
						<div class="col-md-5">
							<h3 class="section-title">业内优势</h3>

							<div class="widget">
								<div class="panel-group" id="accordion">
									<foreach  name="advantage" item="vo">
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion" href="#{$vo.tid}" class="collapsed">
														{$vo.post_title|default='当你在后台添加后内容将自动被替换！'}
													</a>
												</h4>
											</div>
											<div id="{$vo.tid}" class="panel-collapse collapse" style="height: 0px;">
												<div class="panel-body">
													{$vo.post_content|default='当你在后台添加后内容将自动被替换！'}
												</div>
											</div>
										</div>
									</foreach>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>    
		</div>
		<php>	
			$Presentation=sp_sql_posts('cid:'.$Portal_index['Cat']['Presentation'].';field:post_title,post_excerpt,tid,smeta;order:listorder asc;');
		</php>
		<if condition="!empty($Presentation)">
			<div class="slice relative animate-hover-slide bg-3 section">
				<div class="w-section inverse">
					<div class="container">
						<h3 class="section-title">相关展示</h3>

						<div id="carouselWork" class="carousel-3 slide animate-hover-slide">
							<div class="carousel-nav">
								<a data-slide="prev" class="left" href="#carouselWork"><i class="fa fa-angle-left"></i></a>
								<a data-slide="next" class="right" href="#carouselWork"><i class="fa fa-angle-right"></i></a>
							</div>
							<!-- 相关展示轮播 -->
							<div class="carousel-inner">
								<php>
									$group_count = ceil(count($Presentation)/4);
									$group_last = intval(count($Presentation)%4);
									for($i=0; $i<$group_count; $i++){
									$num = $i*4;
									$j_len = $i==$group_count-1 ? $group_last :4;
								</php>
								<div class="item <php>if($i==0){echo 'active';}</php>">
									<div class="row">
										<php>	
											for($j=0; $j<$j_len; $j++){
											$o = $Presentation[$num+$j];
											$pic=json_decode($o['smeta'],true);
										</php>
										<div class="col-md-3">
											<div class="w-box inverse">
												<div class="figure">
													<img alt="" src="__UPLOAD__{$pic.thumb|default='__TMPL__/Public/images/prv/wk-img-1.jpg'}"  class="img-responsive">
													<div class="figcaption bg-2"></div>
													<div class="figcaption-btn">
														<a href="__UPLOAD__{$pic.thumb}"  class="btn btn-xs btn-one theater"><i class="fa fa-plus-circle"></i> 大图</a>
														<a href="{:u('article/index',array('id'=>$o['tid']))}" class="btn btn-xs btn-one"><i class="fa fa-link"></i> 详细</a>
													</div>
												</div>
												<div class="row">
													<div class="col-xs-9">
														<h2>{$o.post_title}</h2>
														<small>{$o.post_excerpt}</small>
													</div>
													<div class="col-xs-3">
														<div class="like-button">
															<!--<span class="button liked">
																<i class="fa fa-eye"></i>
															</span>
															<span class="count"><small>123</small></span>
															-->
														</div>
													</div>
												</div>
											</div>
										</div>
										<php>}</php>
									</div>
								</div>
								<php>}</php>
							</div>
						</div>

					</div>
				</div>
			</div>
			<else />
		</if>

		<div class="slice bg-banner-1 section">
			<div class="w-section inverse">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="text-center">
								<h4><i class="fa fa-quote-left fa-3x"></i></h4>
								<h2>这个看上去是个非常棒的框架</h2>
								<p>
									ThinkCMF是一款基于PHP+MYSQL开发的中文内容管理框架。ThinkCMF提出灵活的应用机制，框架自身提供基础的管理功能，而开发者可以根据自身的需求以应用的形式进行扩展
								</p>
								<span class="clearfix"></span>

								<div class="text-center">
									<a href="javascript:void(0)" target="_blank" class="btn btn-lg btn-one mt-20">参与官方交流</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<php>
			$slide=sp_getslide($Portal_index['Slide']['mid_slide']);
		</php>
		<if condition="!empty($slide)">
			<div id="companyCarousel" class="carousel carousel-2 slide bg-3 section" data-ride="carousel">
				<div class="carousel-inner">
					<foreach name="slide" item="vo" key="k">
						<if condition="$k eq 0">
							<div class="item active">
								<div class="container">
									<div class="row">
										<div class="col-md-6">
											<h2>{$vo.slide_name}</h2>
											{$vo.slide_content}
										</div>
										<div class="col-md-6">
											<img src="{$vo.slide_pic}"  class="img-responsive" alt="">
										</div>
									</div>
								</div>
							</div>
							<else />
							<div class="item">
								<div class="container">
									<div class="row">
										<div class="col-md-6">
											<h2>{$vo.slide_name}</h2>
											{$vo.slide_content}
										</div>
										<div class="col-md-6">
											<img src="{$vo.slide_pic|default='__TMPL__/Public/images/prv/device-3.png'}"  class="img-responsive" alt="">
										</div>
									</div>
								</div>
							</div>
						</if>
					</foreach>
				</div>
				<a class="left carousel-control" href="#companyCarousel" data-slide="prev">
					<i class="fa fa-angle-left"></i>
				</a>
				<a class="right carousel-control" href="#companyCarousel" data-slide="next">
					<i class="fa fa-angle-right"></i>
				</a>
			</div>
			<else />
		</if>
		<php>	
			$Lastnews=sp_sql_posts('cid:'.$Portal_index['Cat']['Lastnews'].';field:post_title,post_content,tid,smeta,post_date;limit:4');
		</php>
		<div class="slice animate-hover-slide bg-5 section">
			<div class="w-section inverse">
				<div class="container">
					<h3 class="section-title">最新新闻</h3>
					<div class="row">

						<foreach  name="Lastnews" item="vo">
							<php>$pic=json_decode($vo['smeta'],true);</php>

							<div class="col-md-3">
								<div class="w-box">
									<div class="figure">
										<img alt="" src="__UPLOAD__{$pic.thumb}"  class="img-responsive">
										<span class="date-over small"><strong>{:date("M d,Y",strtotime($vo['post_date']))}</strong></span>
										<div class="figcaption bg-2"></div>
										<div class="figcaption-btn">
											<a href="__UPLOAD__{$pic.thumb}"  class="btn btn-xs btn-one theater"><i class="fa fa-plus-circle"></i> 大图</a>
											<a href="{:u('article/index',array('id'=>$vo['tid']))}" class="btn btn-xs btn-one"><i class="fa fa-link"></i>详细</a>
										</div>
									</div>
									<h2>{$vo.post_title}</h2>
									{$vo.post_content}
								</div>
							</div>
						</foreach>

					</div>
				</div>
			</div>
		</div>

		<include file="Public:footer" />
	</div>

	<!-- JavaScript -->
<include file="Public:scripts" />
<script src="__TMPL__/Public/assets/fraction/jquery.fractionslider.min.js" ></script>
<script src="__TMPL__/Public/assets/fraction/jquery.fractionslider.init.js" ></script>
</body>
</html>